


.card {
    background-color: var(--md-sys-color-surface-container-low) !important;
    border-radius: 26px !important;
    --bs-card-border-width: 0;
    transition: background-color 0.5s ease;
    height: 380px;
    max-height: 380px;
}
.card:hover {
    cursor: pointer;
    background-color: var(--md-sys-color-secondary-container) !important;
    transition: background-color 0.5s ease;

}

.text-secondary {
    /* Other styles for the element */

    /* Ellipsis styles */
    display: -webkit-box; /* Required for WebKit-based browsers */
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical; /* Required for WebKit-based browsers */
    overflow: hidden; /* Hide overflowing content */
    text-overflow: ellipsis; /* Display ellipsis (...) for overflowed text */
    max-height: 3em; /* Height equivalent to two lines */
}

.card-image {
    border-radius: 26px;
}

.card-text-time {
    width: 100% !important;

}